<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>插件</title>
</head>

<body>

  <div id="app">
    <p v-my-directive="msg"></p>
  </div>

  <script type="text/javascript" src="../js/vue.js"></script>
  <script type="text/javascript" src="vue-myPlugin.js"></script>
  <script type="text/javascript">
    /*
     *  插件通常用来为Vue添加全局功能
     *        Vue.use(MyPlugin)  // 声明使用插件，实际是调用MyPlugin.install(Vue)
     *            
     * 
     */


    // 声明使用插件
    Vue.use(MyPlugin) // 内部会调用MyPlugin.install(Vue)

    const vm = new Vue({
      el: '#app',
      data: {
        msg: 'HaHa'
      }
    })

    Vue.myGlobalMethod() // Vue全局方法
    vm.$myMethod() // Vue实例方法

  </script>
</body>

</html>